body {
background-color:#6F605A;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px auto auto auto;
color:#000000;
}
a {
color:#f8981d;
}
.clear {
clear:both;
}
p {
text-align:justify;
}
#wrap {
width:900px;
height: auto;
margin:auto;
background-color:#FFFFFF;
}
#header{
width:900px;
height:181px;
background:url(../images/header.jpg) no-repeat center;
}
#logo{
padding:50px 0 0 130px;
}
/*-----------------------------menu-------------------*/
#menu{
width:900px;
height:30px;
padding:55px 0 0 10px;
}
#menu ul{
display:block;
list-style:none;
padding:9px 0 0 10px;
margin:0px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:20px;
}
#menu ul li a{
height:27px;
padding:0px 10px 0 10px;
margin:0 5px 0 5px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:25px;
}
#menu ul li a.selected{
height:27px;
padding:0px 10px 0 10px;
margin:0 5px 0 5px;
float:left;
text-decoration:none;
text-align:center;
color:#f7a849;
font-size:13px;
line-height:25px;
}
#menu ul li a:hover{
color:#f7a849;
}
/*------------------------------------center content--------------------*/
.center_content{
width:900px;
padding:0px 0 0 0;
background:url(../images/center_bg.png) repeat-y center;
}
.left_content{
width:650px;
float:left;
padding:20px 10px 20px 20px;
}
.right_content{
width:250px;
float:left;
padding:20px 10px 20px 10px;
}
.title{
color:#734633;
float:left;
font-size:19px;
width: 650px;
margin:10px 0 10px 0;
}
span.title_icon{
float:left;
padding:0 10px 0 0;
}
.about{
width:250px;
min-height: 200px;
clear:both;
}
.info-student p {
text-align: center;
font-size: 15px;
font-weight: bolder;
margin: 0 0;
font-style: italic;
}
.info-student img {
margin-left: 65px;
}
.right_box{
width:230px;
float:left;
}
/*--------right_box_list-----------*/
ul.list{
clear:both;
padding:0 0 0 10px;
margin:0px;
}
ul.list li{
list-style:none;
padding:2px 0 2px 0;
}
ul.list li a{
list-style:none;
text-decoration:none;
color:#000000;
background:url(../images/left_menu_bullet.png) no-repeat left;
padding:0 0 0 17px;
}
ul.list li a:hover{
text-decoration:underline;
}
/*---------------register_login_form------------------*/
.contact_form{
width:450px;
float:left;
padding:25px;
margin:20px 0 0 15px;
_margin:20px 0 0 5px;
border:1px #DFD1D2 dashed;
position:relative;
}
input.register{
width:71px;
height:25px;
border:none;
cursor:pointer;
text-align:center;
color:#FFFFFF;
background:url(../images/register_bt.png) no-repeat center;
}
.form_subtitle{
position:absolute;
top:-11px;
left:7px;
width:auto;
height:20px;
background-color:#795636;
text-align:center;
padding:0 7px 0 7px;
color:#FFFFFF;
font-size:11px;
line-height:20px;
}
/*--------------*/
.pagination {
width: 630px;
margin:5px;
font-size:10px;
padding-left:40%;
}
.pagination > li > a{
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #795636;
text-decoration: none; 
color: #795636;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #795636;
text-decoration: none; 
color: #795636;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
padding: 2px 5px 2px 5px;
margin-right: 2px;
color: #fff;
background-color: #795636;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}
/*-------------------book------------------------*/
.new_prod_box{
float:left;
text-align:center;
padding:10px 20px;
}
.new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}
.new_prod_bg{
width:150px;
min-height:200px;
text-align:center;
background:url(../images/new_prod_box.png) no-repeat center;
position:relative;
}
/*---------------footer------------------------*/
.footer{
height:100px;
border-top:1px #b2b2b2 dashed;
background:url(../images/footer_bg.png) no-repeat bottom;
}